@media (max-width: 8000px) {
  .profileContent {
    width: 1380px;
  }

  .profileContent h3 {
    font-size: 50px;
  }

  .profileContent span {
    font-size: 30px;
  }

  .profileContent button {
    font-size: 30px;
  }
}

@media (max-width: 1380px) {
  .profileContent {
    width: 980px;
  }

  .profileContent h3 {
    font-size: 40px;
  }
}

@media (max-width: 980px) {
  .profileContent {
    width: 850px;
  }

  .profileContent h3 {
    font-size: 35px;
  }
}

@media (max-width: 860px) {
  .profileContent {
    width: 650px;
  }

  .profileContent h3 {
    font-size: 30px;
  }

  .profileContent span {
    font-size: 20px;
  }

  .profileContent button {
    font-size: 20px;
  }
}

@media (max-width: 660px) {
  .profileContent {
    width: 350px;
  }

  .profileContent h3 {
    font-size: 20px;
  }

  .profileContent span {
    font-size: 15px;
  }

  .profileContent button {
    font-size: 15px;
    padding: 8px 20px;
  }
}

@media (max-width: 350px) {
  .profileContent {
    width: 250px;
  }

  .profileContent h3 {
    font-size: 15px;
  }

  .profileContent button {
    font-size: 10px;
    padding: 8px 20px;
  }
}

.profileContent {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 50px 0;
  align-items: center;
}

.profileContent h3 {
  text-align: center;
  width: 100%;
  border-bottom: 1px solid #ffe1ac;
  font-weight: 300;
}

.profileContent h3,
.profileContent button,
.profileContent span {
  color: #4b1514;
}

.profileContent button {
  width: 30%;
  font-weight: 600;
  background: #ffa500;
  border-radius: 5px;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px,
    rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}
